<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="UTF-8"></meta>
		<title>福利卡管理</title>
		<link rel="stylesheet" th:href="@{/plugins/layui/css/layui.css}" media="all" />
		<link rel="stylesheet" th:href="@{/css/global.css}" media="all"/>
		<link rel="stylesheet" th:href="@{/plugins/font-awesome/css/font-awesome.min.css}"/>
		<link rel="stylesheet" th:href="@{/css/table.css}" />
	</head>

	<body>
            <div class="admin-main">
            
            <blockquote class="layui-elem-quote" >
					
				<form class="layui-form" action="">
						<div class="layui-inline">
							<label class="layui-form-label">姓名：</label>
							<div class="layui-input-block">
								<input type="text" id="empName" name="empName" lay-verify="title" autocomplete="off" class="layui-input"/>

							</div>
						</div>
						
						<div class="layui-inline">
							<label class="layui-form-label">身份证号：</label>
							<div class="layui-input-block">
								<input type="text" id="certNo" name="certNo" lay-verify="title" autocomplete="off" class="layui-input"/>

							</div>
						</div>
						
						<div class="layui-inline">
							<label class="layui-form-label">富利卡号：</label>
							<div class="layui-input-block">
								<input type="text" id="bankCardNbr" name="bankCardNbr" lay-verify="title" autocomplete="off" class="layui-input"/>

							</div>
						</div>
						
						<div class="layui-inline">
							<label class="layui-form-label">富利卡预留手机号：</label>
							<div class="layui-input-block">
								<input type="text" id="mobile" name="mobile" lay-verify="title" autocomplete="off" class="layui-input"/>

							</div>
							
						</div>
						
						<div class="layui-inline">
							<label class="layui-form-label">所属部门：</label>
							<div class="layui-input-block">
								<input type="text" id="abbreviation" name="abbreviation" lay-verify="title" autocomplete="off" class="layui-input"/>
							</div>
						</div>
						<div class="layui-inline">
							
							<label class="layui-form-label">状态：</label>
							<div class="layui-input-block">
								<input type="text" id="empStaus" name="empStaus" lay-verify="title" autocomplete="off" class="layui-input"/>
							</div>
						</div>
						<div class="layui-inline">
							
								  <a href="javascript:;" class="layui-btn" id="search" onclick="searchEmployee()">
							    <i class="layui-icon">&#xe615;</i> 搜索</a>
							    <a href="javascript:;" class="layui-btn" id="clearCondition" onclick="clearCondition()">
							    <i class="layui-icon">&#xe615;</i> 清空</a>
							    
							    <a href="javascript:;" class="layui-btn" id="export" onclick="searchRole()">
							    <i class="layui-icon">&#xe615;</i> 导出</a>
						</div>

						<div  style="margin:10px;text-align:left">
							<a href="javascript:;" class="layui-btn"  id="addRole" onclick="addEmployee()">
								 添加
							</a>
							<a href="javascript:;" class="layui-btn"  id="addRole" onclick="addRole()">
								批量导入
							</a>
							<a href="javascript:;" class="layui-btn"  id="addRole" onclick="addRole()">
								 查看导入记录
							</a>
						</div>
               

				</form>
			</blockquote>
			
			
			
			<fieldset class="layui-elem-field" id="employeesTableSet">
				
				
					<table id="employeesTable" lay-filter="employeeInfo">
						
					</table>
				
			</fieldset>
				<div class="admin-table-page">
				      <div id="paged" class="page">
				</div>
			</div>
        </div>
        
       <div th:include="include::common"></div>
       <script type="text/html" id="barDemo">
            <a class="layui-btn layui-btn-sm" lay-event="edit">编辑</a>
			<a class="layui-btn layui-btn-sm" lay-event="replace">换卡</a>
			<a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="del">退卡</a>
		</script>
        <script th:src="@{/js/jquery.min.js?v=2.1.4}"></script>
		<script type="text/javascript" th:src="@{/plugins/layui/layui.js}"></script>
		<script th:src="@{/js/appjs/setting/employee/employees.js}"></script>
		
		<script>
/* 		layui.use('laypage', function(){
		  var laypage = layui.laypage;
		  //执行一个laypage实例
		  laypage.render({
		    elem: 'paged' //注意，这里的 test1 是 ID，不用加 # 号
		    ,count: 50 //数据总数，从服务端得到
		    ,jump:function(obj, first){
		    	console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
		    	console.log(obj.limit); //得到每页显示的条数
		    	//首次不执行
		    	if(!first){
		    	//do something
		    	}
		    }
		  });
		}); */
		</script>
		
	</body>

</html>